@w:1355px;
@wq:1205px;
*{ 
    padding:0;
    margin:0;
    margin:0 auto;
    list-style: none;
    // float: left;
}
#box{
    width: @w;
    height: 100%;
    #top{
        width: @w;
        height: 36px;
        background: #ccc;
        #left{
            width: 504px;
            height: 36px;
            // background: greenyellow;
            margin-left: 111px;
            float: left;
            #ul li {
               padding-left: 30px;
               font-size: 12px;
               color: black;
               line-height: 36px;
               text-align: center;
               float: left;
            }
            #ul li:nth-child(1){
              margin-left: -81px;
            }
          
        }
        #right{
            width: 642px;
            height: 36px;
            float: left;
           #ul2 li{
            padding-left: 30px;
            font-size: 12px;
            color: black;
            line-height: 36px;
            float: left;
        }
    }
  }
  #top_a{
      width: @w;
      height: 82px;
    //   background: lightcoral;
     img{
         width:118px ;
         height:70px ;
         margin-left: 49px;
        
     }
     input{
         width:800px ;
         height:35px ;
         border: 1px solid #ff4400;
         outline: none;
        position: relative;
        top: -25px;
        left: 185px;
        font-size: 15px;
     }
     .b{
        width: 65px;
        height: 35px;
        background: #ff4400;
        color: white;
        position: relative;
        top: -24px;
        left: 181px;
        border: none;
        font-size: 15px;
     }
  }
  #top_b{
      width: 1205px;
      height: 45px;
    //   background: #ff4400;
      border-bottom:1px solid #ff4400 ;
    
      #ul3 li{
        padding-left: 12px;
        font-size: 18px;
        color: black;
        line-height: 36px;
        float: left;
    }
    #ul3 li:nth-child(1){
        background: #ff4400;
        width:118px ;
        height: 44px;
        text-align: center;
        color: white;
      }

  }
  #main_a{
      width:@wq ;
      height: 52px;
    // background: palegoldenrod;
      transition: 2s;
      overflow: hidden;
    
      .suo{
          width:118px ;
          height:52px ;
          text-align: center;
          font-size: 16px;
          margin-left: 1px;
         line-height: 52px;
         float: left;
      }
      #btn1{
          width:110px ;
          height: 40px;
          margin-left: 870px;
          margin-top: 5px;
          float: left;
          font-size: 16px;
      }
  }
  #main_b{
      width: @wq;
      height: 251px;
    //   background: palegreen;
      border:  1px solid #ccc;
      overflow: hidden;
      transition: 2s;
      #b1{
          width: @wq;
          height: 42px;
        //   background: palevioletred;
          border:  1px dashed #ccc;
         ul li{
           float: left;
           margin-left: 20px;
           padding-left: 2px;
            font-size: 15px;
            color: black;
            line-height: 42px;
       }
      }
      #b2{
        width: @wq;
        height: 82px;
        border:  1px dashed #ccc;
        ul li{
            float: left;
            margin-left: 100px;
            padding-left: 2px;
             font-size: 15px;
             color: black;
             line-height: 42px;
            }
            #ul5 li:nth-child(1){
                margin-left: 24px;
              }
              #ul5 li:nth-child(8){
                margin-left: 173px;
              }
           

    }
    #b3{
        width: @wq;
        height: 42px;
        border:  1px dashed #ccc;
        ul li{
            float: left;
            margin-left: 20px;
            padding-left: 2px;
             font-size: 15px;
             color: black;
             line-height: 42px;
            }
    }
    #b4{
        width: @wq;
        height: 42px;
        border:  1px dashed #ccc;
        ul li{
            float: left;
            margin-left: 20px;
            padding-left: 2px;
             font-size: 15px;
             color: black;
             line-height: 42px;
            }
    }
    #b5{
        width: @wq;
        height: 43px;
        ul li{
            float: left;
            margin-left: 20px;
            padding-left: 2px;
             font-size: 15px;
             color: black;
             line-height: 42px;
            }
    }
  }
  #main_c{
    width: @wq;
    height: 48px;
    // background: palegreen;
    border:  1px solid #ccc;
    margin-top: 13px;
    ul li{
        float: left;
        margin-left: 20px;
        padding-left: 2px;
         font-size: 15px;
         color:#6c6c6c;
         line-height: 42px;
        }
  }
  #main_d{
    width: @wq;
    height: 48px;
    background: #f5f5f5;
    border:  1px solid #ccc;
    margin-top: 13px;
    #zong{
        width: 99px;
        height: 48px;
        background: #f5f5f5;
        float: left;
        color: red;
        font-size: 15px;
    }
    #xiao{
        width: 99px;
        height: 47px;
        background: #f5f5f5;
        float: left;
        font-size: 15px;
    }
    #xiao:hover{
        color: red;
    }
    #jia{
        width: 99px;
        height: 47px;
        background: #f5f5f5;
        float: left;
        font-size: 15px;
    }
    #jia:hover{
        color: red;
    }
    #min{
        width:53px ;
        height:21px ;
        border: 1px solid #dfdfdf;
        margin-top: 12px;
        margin-left: -211px;
        outline: none;
        font-size: 10px;
    }
    #max{
        width:53px ;
        height:21px ;
        border: 1px solid #dfdfdf;
        margin-top: 2px;
        margin-left: 12px;
        outline: none;
        font-size: 10px;
    }
    #ti{
        width: 66px;
        height: 30px;
        background: #f5f5f5;
        float: left;
        font-size: 15px;
        margin-left: 186px;
        margin-top: 8px;
    }
  }
  #main_img{
      width: @wq;
      height: 100%;
      dl{
          width:287px ;
          height: 444px;
          border: 1px solid #ccc;
          margin-left: 10px;
          margin-top: 27px;
          float: left;
      }
      dl dt img{
          width:287px ;
          height:287px ;
      }
      dd{
          width: 287px;
          height: 158px;
        //   background: plum;
          .p1{
             width: 70px;
             height: 18px;
             font-size: 17px;
            //  background: rebeccapurple;
             color: #ff4400;
             margin-top: 0px;
             margin-left: 15px;
          }
          .p2{
              width: 31px;
              height: 18px;
              font-size: 14px;
              background: #ff4400;
              color: white;
              margin-top: -16px;
             margin-left: 92px;
          }
          .p3{
            width: 109px;
            height: 21px;
            font-size: 13px;
            // background: #ff4400;
            color:#6c6c6c;
            margin-top: -17px;
           margin-left: 177px;
           text-align: center;
        }
        .p4{
            width: 281px;
            height: 38px;
            font-size: 13px;
            // background: #ff4400;
            color:black;
            margin-top: 12px;
           margin-left: 2px;
        }
        .p5{
            width: 100px;
            height: 21px;
            font-size: 13px;
            // background: #ff4400;
            color: #ccc;
            margin-top: 21px;
           margin-left: 15px;
        }
        .p6{
            width: 81px;
            height: 21px;
            font-size: 13px;
            // background: #ff4400;
            color: #ccc;
            margin-top: -19px;
           margin-left: 180px;
        }
      }
  }
}